<html>
<head>
<meta charset="utf-8">
<meta name="description" content="learn html">
<meta name="author" content="hzq">
<meta name="keywords" content="learn html">
<!meta htttp-equiv="refresh" content="30">
<!base target="_blank">
<title>hzqworld</title>
</head>
<body>
<!body style="background-color:yellow;">
<p>
!!!Use <a href="http://www.baidu.com">baidu</a> to search anything.<br>
Click <a href="hello.txt">it</a> to open hello.txt to see something.</address><br>
This is a empty <a href="#">link</a>.<br>
This will open an empty windows to open <a href="hello.txt" target="_blank">hello.txt</a>.<br>
Jump to <a href="#hellocode">hello code</a>.<br>
<a href="https://minecraft.net/zh-hans/" target="_blank"><img src="minecraft.jpg"></a>
</p>
<hr>
<p style="background-color:green;">
hello<br>
<b>hello</b><br>
<i>hello</i><br>
<strong>hello</strong><br>
<em>hello</em><br>
<big>hello</big><br>
<small>hello</small><br>
<ins>hello</ins><br>
<del>hello</del><br>
<code>hello</code><br>
<kbd>hello</kbd><br>
<tt>hello</tt><br>
<samp>hello</samp><br>
<var>hello</var><br>
<hr>
<address>this is a address!<br>
<abbr title="etcetera">etc.</abbr><br>
<acronym title="World Wide Web">WWW.</acronym><br>
<bdo dir="ltr">this sentence will be show from left to right.</bdo><br>
<bdo dir="rtl">this sentence will be show from right to left.</bdo><br>
She says<q>cat sat mat.</q><br>
She says<blockquote>cat sat mat.</blockquote><br>
She says <cite>cat sat mat.</cite><br>
She says <dfn>cat sat mat.</dfn><br>
<hr>
<h1 style="background-color:red;">hello</h1><br>
<h2 style="font-family:verdana;color:red;font-size:60px;">hello</h2><br>
<h3 style="text-align:center;">hello</h2><br>
<h4>hello</h2><br>
<h5>hello</h2><br>
<h6>hello</h2><br>
</p>
<hr>
<p>
a<sub>1</sub>+a<sub>2</sub>+...+a<sub>n-1</sub><br>
2<sup>2</sup>=4<br>
</p>
<hr>
<a id="hellocode">
<h3>hello code</h3></a><br>
<pre>
#include <iostream>
using namespace std;
int main(){
	cout<<"hello\n";
	return 0;
}
</pre>
<br><br><br><br>

<table border="1" cellpadding="10" cellspacing="0">
<caption>Number</caption>
<colgroup>
<col span="1" style="background-color:red">
<col style="background-color:blue">
<col style="background-color:yellow">
</colgroup>
<tr><th>0</th><th>0</th><th>0</th></tr>
<tr><td>1</td><td colspan="2">23</td></tr>
<tr><td>4</td><td rowspan="2">58</td><td>6</td></tr>
<tr><td>7</td><td>9</td></tr>
</table>
<br><br>
<table border="1" cellpadding="20" cellspacing="0">
<tr>
<th>Name</th><th>Score</th>
</tr>
<tr>
<td>a<span style="color:red">bc</span></td>
<td>99</td>
</tr>
<tr>
<td><span style="color:blue">ccd</span></td>
<td>96</td>
</tr>
<tr>
<td><span style="color:green">pwd</span></td>
<td>88</td>
</tr>
</table>
<br><br>
<br><br>
<ul>
<li>first</li>
<li>second</li>
<li>thrid</li>
<li>forth</li>
</ul>
<ul style="list-style-type:disc">
<li>first</li>
<li>second</li>
<li>thrid</li>
<li>forth</li>
</ul>
<ul style="list-style-type:circle">
<li>first</li>
<li>second</li>
<li>thrid</li>
<li>forth</li>
</ul>
<ul style="list-style-type:square">
<li>first</li>
<li>second</li>
<li>thrid</li>
<li>forth</li>
</ul>
<br>
<ol>
<li>first</li>
<li>second</li>
<li>thrid</li>
<li>forth</li>
<br><br>
</ol>
<br><br>
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
<br><br>
<b>Question 1 and 2 are based on the news report you have just heard.</b><br>
1.<ol type="A">
<li>The return of a bottled message to its owner's daughter.</li>
<li>A New Hampshire man's joke with friends on his wife.</li>
<li>A father's message for his daughter.</li>
<li>The history of a century-old motel.</li>
</ol>
<br><br>
<hr>
<form>
Name : <input type="text" name="name"><br>
Score : <input type="text" name="score"><br>
</form>
<br><br>
<form name="login" action="login.php" method="get">
Username : <input type="text" name="username"><br>
Password : <input type="password" name="password"><br>
<input type="submit" value="Login">
</form>
<fieldset>
<br><br>
There are some questions below:<br>
<br>1.What's your gender?<br>
<input type="radio" name="gender" value="female">Female<br>
<input type="radio" name="gender" value="male">Male<br>
<br>2.What subjects do you like?<br>
<input type="checkbox" name="subjects" value="english">English<br>
<input type="checkbox" name="subjects" value="math">Math<br>
<input type="checkbox" name="subjects" value="chinese">Chinese<br>
<input type="checkbox" name="subjects" value="art">Art<br>
<br>3.Which computer program language do you like best?
<select name="programlanguage">
<option value="c">C</option>
<option value="cpp" selected>C++</option>
<option value="java">Java</option>
<option value="python">Python</option>
<option value="php">PHP</option>
<option value="pascal">Pascal</option>
<option value="cpppp">C#</option>
<option value="ada">Ada</option>
<option>
</select><br>
<br>4.Please leave a message here.<br>
<textarea rows="10" cols="50">
Anything you want to say!
</textarea>
<br><br>
<form action="">
<input type="button" value="Submit">
</form>
</fieldset>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>


</body>
</html>